/*
 * @Author: klxin
 * @Date: 2020-10-08 10:19:25
 * @LastEditTime: 2020-10-08 14:17:33
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \dashijian55\assets\js\login.js
 */
// 入口函数
$(function () {
  // 切换注册和登录页面
  $('#register-link a, #login-link a').click(function () {
    $(this).parents('form').hide().siblings('form').show();
  });

  // 表单校验
  // const form = layui.form;
  // ES6中的对象结构
  const { form, layer } = layui;
  form.verify({
    pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    confirmPwd: function (value) {
      // value是使用这个表单校验的输入框中的值
      // console.log(value)
      if (value !== $('.register-form input[name=password]').val()) {
        return '2次密码不一致请重新输入';
      }
    }
  });

  // 登录功能
  $('.login-form').submit(function (e) {
    // 阻止默认提交行为
    e.preventDefault();
    // console.log(6666)
    // 1. 获取表单中的值
    const username = $('.login-form input[name=username]').val();
    const password = $('.login-form input[name=password]').val();
    // console.log(username, password)
    // 2. TODO 发起ajax请求
    $.ajax({
      type: 'POST',
      url: 'http://ajax.frontend.itheima.net/api/login',
      data: {
        // username: username,
        // password: password
        username,
        password
      },
      success: function (res) {
        // console.log(res)
        if (res.status !== 0) return layer.msg('登录失败');
        layer.msg('登录成功');
        // 存储token到本地浏览器中
        localStorage.setItem('token', res.token);

        // 跳转到后台管理系统首页
        setTimeout(function () {
          location.href = 'index.html';
        }, 1000);
      }
    });
  });

  // 注册功能
  $('.register-form').submit(function (e) {
    //阻止默认行为
    e.preventDefault();
    const data = $('.register-form').serialize();
    //发送ajax请求
    $.ajax({
      type: 'post',
      url: 'http://ajax.frontend.itheima.net/api/reguser',
      data: data,
      success: function (res) {
        console.log(res); //status: 0, message: "注册成功！"
        if (res.status !== 0) return layer.msg('注册失败');
        layer.msg('注册成功,稍后跳转登录');
        setTimeout(() => {
          $('#login-link a').click();
        }, 1000);
      }
    });
  });
});
